<!doctype html>
<html>
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 网页作者 -->
<meta name="author" content="guo,1057540638@qq.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=3,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->

<!-- iOS 设备 begin -->
<meta name="apple-mobile-web-app-title" content="标题">
<!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->

<!--meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" -->
<!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 设置苹果工具栏颜色 -->
<meta name="format-detection" content="telphone=no, email=no"/>
<!-- 忽略页面中的数字识别为电话，忽略email识别 -->

<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- iOS 图标 begin -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
<!-- iPhone 和 iTouch，默认 57x57 像素，必须有 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
<!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
<!-- Retina iPad，144x144 像素，可以没有，但推荐有 -->
<!-- iOS 图标 end -->

<!-- iOS 启动画面 begin -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPad 竖屏 768 x 1004（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPad 竖屏 1536x2008（Retina） -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPad 横屏 1024x748（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPad 横屏 2048x1496（Retina） -->

<link rel="apple-touch-startup-image" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x1136" href="{{ asset('myhome/img/App-ios-logo-152x152.png') }}"/>
<!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
<!-- iOS 启动画面 end -->

<!-- iOS 设备 end -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- Windows 8 磁贴图标 -->

<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- 添加 RSS 订阅 -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!-- 添加 favicon icon -->
<!-- sns 社交标签 begin -->
<!-- 参考微博API -->
<meta property="og:type" content="类型" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="标题" />
<meta property="og:image" content="图片" />
<meta property="og:description" content="描述" />
<!-- sns 社交标签 end -->
<title>注册</title>
<link rel="stylesheet" href="{{ asset('myhome/css/common.css') }}">
<link rel="stylesheet" href="{{ asset('myhome/css/font.css') }}">
<link rel="stylesheet" href="{{ asset('myhome/css/header.css') }}">
<link rel="stylesheet" href="{{ asset('myhome/css/footer.css') }}">
<link rel="stylesheet" href="{{ asset('myhome/css/index.css') }}">
<link rel="stylesheet" href="{{ asset('myhome/css/responsive.css') }}">
<script type="text/javascript" src="{{ asset('myhome/js/jquery-1.7.1.min.js') }}"></script>
  <script>
      function sendcode() {
          var num=60;
          var phone=$("#phone").val();
          mytime = setInterval(function (){

              num--;
              $("#codebtn").html(num+"秒重发");
              $("#codebtn").attr("disabled",true);
              if(num<0){
                  $("#codebtn").attr("disabled",false);
                  $("#codebtn").html("发送验证码");
                  clearInterval(mytime);
              }
          },1000);
          $.ajax({
              url: '{{url("sendcode")}}',
              type: 'POST',
              async: false,
              dataType: 'json',
              //cache: false,
              data: {_token: "{{ csrf_token() }}",phone:phone},

              success: function (data) {


              }
          });
      }

  </script>
  <script type="text/javascript">
    function demo(bn){
        var name = $(bn).attr('name');
        var val = $(bn).val();
        $.ajax({
            url:"{{url('home/user/ajax/resgName') }}",
            async:false,
            data:{'name':name, 'value':val, '_token':$('input[name=_token]').val()},
            type:"post",
            dataType:"json",
            error:function(){

            },
            success:function(data){
                if(data != '1') {
                    $("input[name=username]").val("");
                    alert(data);

                }
            }
        });
    }
    function pass(bn){
        var pwd = $(bn).val();
        var password = $("input[name=password]").val();

        if(pwd == ""){
            alert("确认密码不能为空！");
        }else{
            if(pwd != password){
                $(bn).val("")
                alert("两次密码不一致！");
            }
        }

    }

    function regis() {

        var username = $("input[name=username]").val();
        var password = $("input[name=password]").val();
        var phone=$("#phone").val();
        var tel=$("#tel").val();
        var pass = $("input[name=pwd]").val();
        if (username == '' || password == '' || pass == '' || tel == '') {
            alert("请将信息填写完整！");
        }else{
            $.ajax({
                url: "{{url('home/user/ajax/regsuc') }}",
                async: true,
                data: {'username': username,'pwd':pass, 'password': password, '_token': $('input[name=_token]').val(),phone:phone,pid:"{{ $pid }}"},
                type: "post",
                dataType: "json",
                error: function (data) {
                    var json=JSON.parse(data.responseText);
                    if(typeof(json) != "undefined"){
                        if(typeof(json.username) == "undefined"){
                            alert(json.password);
                        }else{
                            alert(json.username);
                        }
                    }
                },
                success: function (data) {

                    alert(data);
                    if(data == '账号注册成功!'){
                        location.href = "{{url('home/user') }}";
                    }

                }
            });
        }
    }




</script>

</head>

<body ontouchstart="return true;">

<!--头部-->
<header>
  <div class="header">
    <h1>注册</h1>
    <a href="javascript:history.go(-1);" class="return"><i></i></a> <a href="{{ url('home/user/login') }}" class="head-r">登录</a> </div>
</header>

<!--内容区-->

<article class="main-container loginContent" style="margin-top:50px;">
    <input type='hidden' name='_token' value='{{ csrf_token() }}'>
  <div class="list">
    <ul class="line">
      <li><i class="icon-head"></i>
        <input type="text" id="phone" name="username" placeholder="手机号码" onblur="demo(this);">
      </li>
      <li class="code"><i class="icon-sms"></i>
        <input type="tel" id="tel" placeholder="验证码">
        <button id="codebtn" onclick="sendcode()">发送验证码</button>
      </li>
      <li><i class="icon-pwd"></i>
        <input type="password" id="password" name="password" placeholder="密码" >
      </li>
       <li class="code"><i class="icon-pwd"></i>
        <input type="password" id="code" name="pwd" placeholder="确认密码" onblur="pass(this);">
      </li>
      {{--<li class="code"><i class="icon-invite"></i>--}}
        {{--<input type="tel" id="code" placeholder="邀请码">--}}
      {{--</li>--}}
    </ul>
  </div>
  <div class="button">
    <button onclick="regis(this)">立即注册</button>
  </div>
  <div style="height:100px; width:40%;margin: 30px auto; line-height: 2rem;">
    <a href="/home/user/wxlogin/{{ $pid }}"> <i class="icon-wechat" style="color: #2cbe41;font-size: 2rem;line-height: 2rem;margin-top: 200px;position: relative;bottom: -10px;"></i><span style="margin-left: 0.5rem ;line-height: 2rem;">微信登录</span></a>
  </div>
</article>

</body>
</html>

<script type="text/javascript" src="{{ asset('myhome/js/swipe-min.js') }}"></script>
<script type="text/javascript" src="{{ asset('myhome/js/common.js') }}"></script>
<script>
    // 验证手机号
    function isPhoneNo(phone) {
        var pattern = /^1[34578]\d{9}$/;
        return pattern.test(phone);
    }
    // 验证密码
    function isPassword(phone) {
        var pattern = /^[0-9a-zA-Z_]{6,15}$/;
        return pattern.test(phone);
    }

    //手机号
    $('#phone').focus(function(){
        $('#phone').attr('placeholder','手机号码');
        $('#phone').css('color','');
    }).blur(function(){
        var val = $('#phone').val();
        var bn = $('#phone');
        if(val == ''){
            bn.attr('placeholder','手机号码不能为空');
            bn.css('color','red');
        }else{
            if(isPhoneNo(val) == false){
                bn.val('');
                bn.attr('placeholder','手机号码不正确');
                bn.css('color','red');
            }
        }
    });


    //密码
    $('#password').focus(function(){
        $('#password').attr('placeholder','密码');
        $('#password').css('color','');
    }).blur(function(){
        var val = $('#password').val();
        var bn = $('#password');
        if(val == ''){
            bn.attr('placeholder','密码不能为空');
            bn.css('color','red');
        }else{
            if(isPassword(val) == false){
                bn.val('');
                bn.attr('placeholder','密码必须是6-15位的数字，字母');
                bn.css('color','red');
            }
        }
    });

</script>